<script setup lang="ts">
    import noImg from '@/assets/404_images/404.png';
    import noImgCloud from '@/assets/404_images/404_cloud.png';
</script>
<template>
    <div class="m-padded-tb-max" style="flex: 1 0 auto;">
        <div class="ui container">
            <div class="main wscn-http404-container">
                <div class="wscn-http404">
                    <div class="pic-404">
                        <img class="pic-404__parent" :src="noImg" alt="404"> 
                        <img class="pic-404__child left" :src="noImgCloud" alt="404">
                        <img class="pic-404__child mid" :src="noImgCloud" alt="404">
                        <img class="pic-404__child right" :src="noImgCloud" alt="404">
                    </div>
                    <div class="bullshit">
                        <div class="bullshit__oops">
                            404错误!
                        </div>
                        <div class="bullshit__headline">
                            找不到网页！
                        </div>
                        <div class="bullshit__info">
                            对不起，您正在寻找的页面不存在。尝试检查URL的错误，然后按浏览器上的刷新按钮或尝试在我们的应用程序中找到其他内容。
                        </div>
                        <a href="/" class="bullshit__return-home">
                            返回首页
                        </a>
                    </div>
                </div>
            </div>
        </div>
    </div>
</template>
<!-- 引入样式文件 -->
<style lang="less" src="./style.less" scoped />